/**
* 功能描述：基础周选择器样式表
* @author jin xiaohang
* @date 2022/9/22 10:13
*/

@import "src/style/mixins/index";

//布局相关
@include b(base-week-picker-layout){
  width: 280px;
  height: 330px;

  //输入框布局
  .#{$namespace}-base-week-picker-input-disabled-layout{
    width: 100%;
    height: 8% ;
  }

  //待选周面板布局
  .#{$namespace}-base-week-picker-panel-layout{
    width: 100%;
    height: 90%;
    margin-top: 5px;

    //待选面板头部布局
      .#{$namespace}-base-week-picker-panel-header-layout{
        width: 100%;
        height: 10%;
        text-align: center;
      }

    //待选面板主体布局
      .#{$namespace}-base-week-picker-panel-body-layout{
        width: 100%;
        height: 90%;
        text-align: center;

        //待选表格布局
        .#{$namespace}-base-week-picker-table-layout{
          width: 100%;
          height: 100%;
        }
      }
  }
}

//样式相关
@include b(base-week-picker-style){

  //待选周面板样式
  .#{$namespace}-base-week-picker-panel-style{
      border-style: solid;
      border-width: 1px;
  }

  //输入框禁用样式
  .#{$namespace}-base-week-picker-input-disabled-style{
        cursor: not-allowed;
        background-color: #DCDFE6;
        border: none;
  }

  //待选日期表格样式
  .#{$namespace}-base-week-picker-table-style{
    background-color: #FFFFFF;

    //表格行
    tr{
      cursor: pointer;
      &:hover{
        background-color: #BAE7FF;
      }

      //表格列
      td{
        &:hover{
          color: #FFFFFF;
        }
      }
    }
  }
}